<template>
  <ve-modal :title="title" v-model="visible" :showCancel="false" okText="确认" @close="visible = false" @confirm="onConfirm">
    <view class="text-top">{{type == 'a' ? '出租方签署链接已复制到剪切板' : '出租方作废链接已复制到剪切板'}}</view>
    <view class="text-bottom">{{type == 'a' ? '请使用手机浏览器打开此链接，完成合同的签署' : '请使用手机浏览器打开此链接，完成作废协议的签署'}}</view>
  </ve-modal>
</template>

<script setup>
  import { ref } from 'vue'
  const visible = ref(false)
  const title = ref('提示')
  const type = ref()

  const open = (t) => {
    visible.value = true
    type.value = t
  }
  const onConfirm = () => {
    visible.value = false
  }
  defineExpose({
    open,
  })
</script>
<style lang="less" scoped>
  .text-top{
    width: 100%;
    text-align: center;
    color: #3072F6;
    font-size: 32rpx;
    font-weight: 600;
  }
  .text-bottom{
    width: 100%;
    text-align: center;
    margin: 16rpx 0 32rpx;
    color: #8491A8;
    font-size: 28rpx;
    font-weight: 400;
  }
</style>
